page-message-detail {
    @function compute-vw($px){
        @return  $px/1080*100vw
    }
    ion-content{
        .detail-content{
            margin:5.55vw 5.55vw auto 5.55vw;
            .top-panel{
                position: relative;
                .title-panel{
                    font-size: 5vw;
                    color:#333;
                    margin:0;
                    word-break:break-all;
                }
                .collect-panel{
                    width:18.88vw;
                    height:6vw;
                    position: absolute;
                    top:0;
                    right:0;
                    background-size: cover!important;
                }
                .normal{
                    background: url("../assets/images/information/Collection.png") no-repeat;
                }
                .active{
                    background: url("../assets/images/information/collection_selected.png") no-repeat!important;
                    background-size: contain!important;
                }
                .time-panel{
                    display: inline-block;
                    width: 100%;
                    min-height: 12vw;
                    font-size: compute-vw(36);
                    color: #999;
                    line-height: compute-vw(136);
                    position: relative;
                    .collect-btn{
                        position: absolute;
                        top:50%;
                        right:0;
                        width: compute-vw(204);
                        height: compute-vw(80);
                        margin-top: compute-vw(-40);
                        border:1px solid #e6b82d;
                        border-radius: 5vw;
                        font-size:compute-vw(33);
                        color:#e6b82d;
                        line-height: compute-vw(80);
                        text-align: center;
                        background: url("../assets/images/common/icon_collect_no.png") no-repeat;
                        background-size: compute-vw(38) compute-vw(38)!important;
                        background-position-y: 46%!important;
                        background-position-x: 2vw!important;
                        padding-left: 2vw;
                    }
                    .collect-btn.collected{
                        background: url("../assets/images/common/icon_collect_yes.png") no-repeat;
                        background-color: #e6b82d;
                        color:#fff;
                        padding-left: 4vw;
                    }
                }
            }
            .content-panel{
                font-size:3.88vw;
                color:#323232;
                //border-top:0.25vw solid #ebe9e9;
                a{
                    font-size:3.88vw;
                    color:#38b549;
                }
            }
        }
    }
}
